@import url('jquery-ui-1.8.13.custom.css');

/* ------------ */
/* -- Gerais -- */
/* ------------ */
body {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

h2 {
    font-family: Georgia;
    font-size: 14px;
    font-weight: bolder;
    font-style: italic;
}

/* ---------------- */
/* -- Top Navbar -- */
/* ---------------- */
div#nav_bar {
    width: 100%;
    height: 32px;
    background-color: #e0efe0;
    border-bottom: 3px solid #ccdacc;
}

div#nav_bar form {
    padding: 5px 0;
}

div#nav_bar div#login_area {
    margin-right: 25px;
    float: right;
    color: #507f50;
}

div#login_area .img{
    position: relative;
    width: 18px;
    top: 4px;
    margin-left: 5px;
    *top: -2px;
    *left: 4px;
}

div#login_area a.nome{
    display: inline-block;
    text-decoration: none;
    color: #507f50;
    padding: 9px 0;
}

div#nav_bar div#login_area input, div#nav_bar div#login_area password {
    margin-left: 5px;
    width: 80px;
}

div#nav_bar div#login_area input#login {
    cursor: pointer;
    border: none;
    background: url(../img/login.png) no-repeat;
    height: 16px;
    width: 16px;
}

div#nav_bar a.menu {
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-align: center;
    text-decoration: none;
    color: #507f50;
    padding: 9px 10px;
}

div#nav_bar a.menu:hover {
    color: #608f60;
    background: #dae9da;
    text-decoration: underline;
}

div#nav_bar ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/* -------------------- */
/* -- Middle Content -- */
/* -------------------- */

div#main-content {
    width: 900px;
    padding: 50px;
    margin: 15px auto 0;
    background-color: #F9FFF9;
    border: 1px solid #DAF0DA;
    overflow: hidden;
    position: relative;
}

div#main-content a {
    color: #507f50;
    text-decoration: none;
}

div#main-content a:hover {
    color: #608f60;
    text-decoration: underline;
}

div#main-content div#footer {
    width: 100%;
    padding: 6px 0;
    text-align: center;
    background: #e0e0e0;
}

div#conteudo {
    width: 80%;
    margin: 0 auto;
}

/* ---------------- */
/* -- Formulário -- */
/* ---------------- */
input[type=text], input[type=password], textarea{
    border: 1px solid #aaa;
    padding: 2px 0;
}

textarea#descricao{
    padding: 0;
}

textarea {
    width: 449px;
}

select {
    margin-bottom: 1px;
}

form#form_contato, form#form_cadastro{
    width: 600px;
    margin: 0 auto;
}
label.medio{
    display: inline-block;
    width: 100px;
    text-align: right;
    padding: 2px 2px 0 0;
}

label.pequeno{
    display: inline-block;
    width: 71px;
    text-align: right;
    padding: 2px 2px 0 0;
}

input.grande{
    width: 449px;
    margin: 2px 0;
}

input.pequeno{
    width: 185px;
    margin: 2px 0;
}

input.btn{
    display: block;
    width: 100px;
    margin: 5px auto 0;
}

textarea.error {
    border: 1px solid red;
}

/* ------------ */
/* -- Tabela -- */
/* ------------ */

.jtable {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}

.jtable th {
    font-weight: bold;
    text-align: center;
}

.jtable td, .jtable th {
    padding: 8px;
    vertical-align: middle;
}

.jbutton {
    width: 20px!important;
    height: 20px;
}

/* ------------ */
/* -- Outros -- */
/* ------------ */

h1 {
    font-family: georgia;
    font-size: 22px;
    font-style: italic;
    border-left: 10px solid #ccdacc;
    padding-left: 3px;
    text-align: left;
    color: #ccdacc;
    margin-bottom: 5px;
}

strong {
    font-weight: bolder;
}

div.msg {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 5px;
}

div.erro {
    border:1px solid #cd0a0a;
    background: #f0908a;
}

div.sucesso {
    background: #e0efe0;
    border: 1px solid #ccdacc;
}

input.error {
    border: 1px solid red;
}

p {
    color: #557755;
}

div.post-esquerda {
    position: relative;
    width: 377px;
    margin: 5px 0 15px;
    border: 1px solid #CCDACC;
    padding: 10px;
    background-color: #FFF;
}

div.post-esquerda:hover, div.post-esquerda:hover div.post-direita-top {
    background-color: #F4FFF4;
}

div.post-direita-top {
    position: absolute;
    left: 403px;
    top: -1px;
    width: 300px;
    border: 1px solid #CCDACC;
    padding: 5px;
    background-color: #FFF;
}

a.mostrar-ideia, a.mostrar-ideia:hover {
    text-decoration: none!important;
}

div.post-direita-top p span {
    text-align: justify;
}

/* ------------------------ */
/* -- Exibição de idéias -- */
/* ------------------------ */

div.ideia-inicial {
    width: 90%;
    margin: 5px auto 15px;
    padding: 15px;
    padding-left: 7px;
    color: #555;
}

div.ideia-inicial p.ideia {
    text-align: justify;
    font-style: italic;
}

div.ideia-inicial p.autor {
    margin-top: 15px;
    font-size: 10px;
    text-align: right;
}

div.reply {
    position: relative;
    width: 90%;
    background-color: #FAFFFA;
    border: 1px solid #EAEFEA;
    border-left: 8px solid #EAEFEA;
    margin: 0 auto 10px;
    padding: 15px;
    padding-left: 7px;
    text-align: justify;
}

div.reply p.texto {

}

div.reply p.autor {
    margin-top: 10px;
    font-size: 10px;
}

div.reply .aprovar {
    position: absolute;
    right: -86px;
    top: 0;
}

form.form-reply {
    margin: 0 auto;
    padding: 0 15px 15px;
    width: 90%;
}